<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style> 
        .one{
            height: 100%;
            width: 10%;
            background-color: bisque;
            position: fixed;
            top: 0;
            left: 0;
        }
        
       
        
             main{
                margin:0 auto;
                text-align: center;
                
             }
            .abc{
                font-size: x-large;
                color:blue;
                width: 100%;
                height: 450px;
                text-align: center;
                background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fn.sinaimg.cn%2Fspider2020131%2F320%2Fw640h480%2F20200131%2Fc99a-intiarp5646957.jpg&refer=http%3A%2F%2Fn.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673009171&t=725a4f1cd660a90f0065109cde1cd0fc);
            }
           .nav{
            width:1000px;
            height:44px;
            background-color: aqua;
            margin: 0 auto;
            border-radius: 5px;
           } 
           .nav .daohang{
            width: 1000px;
            margin:0 auto;
            height: 100%;
            box-sizing: border-box;
           }      
           .nav ul{
            list-style: none;
            width: 1000px;
        height:44px ;
        line-height:44px ;
        display: flex;
           }
           .nav ul li {
            flex: 1;
            text-align: center;
            color: white;
            font-weight: bold;
           }nav ul li a:hover,
.nav ul li a:active {
  background: lightskyblue;
}


.nav ul li ul {
  display: none;
  position: absolute;
}


.nav ul li:hover ul {
  display: block;
}


.nav ul li ul li {
  float: none;
  width: 100px;
  background: lightskyblue;
}


.nav a:hover {
  background-color: #ddd;
  color: red;
}
        </style>

    </head>
    <body background="https://ts1.cn.mm.bing.net/th/id/R-C.26d35fba62392051258860d348684487?rik=u%2b5Vxri%2f9bY%2bfg&riu=http%3a%2f%2fwww.casic.com.cn%2fn103%2fn77836%2fn2868449%2fn2868469%2fc2871915%2fpart%2f2871927.jpg&ehk=DHAs8OOXwlY8NGaArI03W30TX1ogWz%2fsOcrxvRtyKJc%3d&risl=&pid=ImgRaw&r=0"><header>
        <p class="abc">
            中国航天
        </p>
        <div class="nav">
            <ul class="daohang"><li>首页</li>
                <li >
                    中国航天
                    <u1>
                        <li><a href="sad">航天白皮书</a></li>
                        <li ><a href="sad">重大任务</a></li>
                        <li ><a href="dasd">空间科学</a></li>
                    </u1>
                </li>
                <li>国际合作</li>
                <li>科普与人物
                    <ul>
                        <li><a href="asd">航天知识</a></li>
                        <li><a href="happy">航天人物</a></li>
                        <li><a href="asdd">权威解读</a></li>
                    </ul>
                </li>
            
            
            </ul>
        </div>
        </header>
        <main>
            <h1 >中国航天日</h1>
     <img src="https://ppt.chnlib.com/FileUpload/2019-02/Zhong1Guo1Hang1Tian1-154943_103.jpg" alt="找不到">
     <p >中国航天日（Space Day of China [1]  ），是为了纪念中国航天事业成就，发扬中国航天精神而计划设立的一个纪念日。<br>设立“中国航天日”，就是要铭记历史、传承精神，激发全民尤其是青少年崇尚科学、<br>探索未知、敢于创新的热情，为实现中华民族伟大复兴的中国梦凝聚强大力量。 [22]  </p>
    <h1>中国航天员</h1>
     <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%3A%2F%2Fcms-bucket.nosdn.127.net%2Fbb80baa2d0194086b2a3c777208282b720170426165744.jpeg%26thumbnail%3D660x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673013123&t=aee15e7745d54b20fb06922d2d9963a9">
     <p >中国航天员，特指乘坐航天器进入太空飞行的中国人员。乘坐航天器进入太空飞行的人员为航天员，<br>也叫宇航员。航天员的分类，按职业性，分为职业和非职业两类，按任务一般分驾驶员、任务专家和载荷专家，<br>或指令长、驾驶员、随船工程师和飞行工程师。最近出现了以旅游为目的的游客航天员。航天员是开拓太空之路的先锋，作为一名航天员需要具有<br>崇高的献身精神、高深的学识水平、非凡的工作能力、优秀的环境耐力、良好的心理素质和健康的身体条件。</p>
     <div class="one">
        <div><span class="lthb"><b>中国航天</b></span>
        <ol>
            <span class="olfont">
            <li>中国航天发展</li>
            <li>火箭数量</li>
            <li>世界航天</li>
        </span>
        </ol>
    </div>
    </div>
    </main>

    </body>
</html>